<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Docker</title>
    <meta name="description" content="A framework for easily creating beautiful presentations using HTML">
    <meta name="author" content="Hakim El Hattab">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">

    <link rel="stylesheet" href="css/reveal.css">
    <link rel="stylesheet" href="css/theme/black.css" id="theme">
    <!-- Code syntax highlighting -->
    <link rel="stylesheet" href="lib/css/zenburn.css">
    <!-- Printing and PDF exports -->
    <script>
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = window.location.search.match(/print-pdf/gi) ? 'css/print/pdf.css' : 'css/print/paper.css';
    document.getElementsByTagName('head')[0].appendChild(link);
    </script>
</head>

<body>
    <script src="http://localhost:35729/livereload.js"></script>
    <div class="reveal">
        <!-- Any section element inside of this container is displayed as a slide -->
        <div class="slides">
            <section >
                 <h1>Docker</h1>
            </section>

            <section data-markdown>
                ## 一个被称为容器的东西

请大家树立一个正确的操作系统观: 

    一个能够使用的Linux系统 = 内核 + 自由软件程序

    容器 = 一个电脑中的附加系统

            </section>

            <section data-markdown>
                ## Docker 的位置

![Docker VS VM](./Docker-VM-Comparison.png)

            </section>

            <section data-markdown>
                ## 两个重要概念

    Images and Containers


    Image: 别人家的或是自己备份的GHO文件
    Containers: 使用GHO文件安装的系统
            </section>

            <section data-markdown>
                ## 小应用

                * Latex环境

                * 集群(最好为局域网)
            </section>

            <section data-markdown>
                # Thanks

            </section>

            <section data-markdown>
            ## 参考资料

[5分钟弄懂Docker](http://www.csdn.net/article/2014-07-02/2820497-what%27s-docker)

[Docker教程](http://www.runoob.com/docker/docker-tutorial.html)
            </section>

        </div>
    </div>
    <script src="lib/js/head.min.js"></script>
    <script src="js/reveal.js"></script>
    <script>
    // Full list of configuration options available at:
    // https://github.com/hakimel/reveal.js#configuration
    Reveal.initialize({
        controls: true,
        progress: true,
        history: true,
        center: true,

        //transition: 'slide', // none/fade/slide/convex/concave/zoom
        transition: 'convex', // none/fade/slide/convex/concave/zoom

        // Optional reveal.js plugins
        dependencies: [{
            src: 'lib/js/classList.js',
            condition: function() {
                return !document.body.classList;
            }
        }, {
            src: 'plugin/markdown/marked.js',
            condition: function() {
                return !!document.querySelector('[data-markdown]');
            }
        }, {
            src: 'plugin/markdown/markdown.js',
            condition: function() {
                return !!document.querySelector('[data-markdown]');
            }
        }, {
            src: 'plugin/highlight/highlight.js',
            async: true,
            callback: function() {
                hljs.initHighlightingOnLoad();
            }
        }, {
            src: 'plugin/zoom-js/zoom.js',
            async: true
        }, {
            src: 'plugin/notes/notes.js',
            async: true
        }]
    });
    </script>
</body>

</html>
